<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>动态首页-哔哩哔哩</title>
        <link href="../images/favicon.ico" rel="icon" type="image/x-icon" />
        <link rel="stylesheet" href="../css/cssreset.css">
        <link rel="stylesheet" href="../css/iconfont.css">
        <link rel="stylesheet" href="../css/dynamic_style.css">
        <script src="../js/iconfont.js"></script>
        <script src="../js/jquery-3.0.0.js"></script>
</head>
<body>
    <header>
        <div class="clearboth header_top">
            <ul class="clearboth">
                <li class="li_bili">
                    <svg class="icon bili" aria-hidden="true">
                        <use xlink:href="#icon-bilibili"></use>
                      </svg>
                    <a href="../index.html" target="_blank">主站 </a><svg class="icon up" aria-hidden="true">
                        <use xlink:href="#icon-xiala"></use>
                      </svg>
                </li>
                <li><a href="#">番剧</a></li>
                <li><a href="#">游戏中心</a></li>
                <li><a href="#">直播</a></li>
                <li><a href="#">会员购</a></li>
                <li><a href="#">漫画</a></li>
                <li><a href="#">赛事</a></li>
                <li><a href="#">BW</a></li>
                <li>
                    <span class="iconfont icon-shouji1"></span><a href="#">下载APP</a>
                </li>
            </ul>
            <p class="he_right">
                <a href="login.html" target="_blank" class="top_login1">
                    <span class="top_login">
                       <img src="../images/header_1.jpg" alt="" width="30px">
                    </span>
                    <span>登录</span></a>
                <a href="register.html" target="_blank" class="top_register">注册</a>
                <a href="#" class="top_art">投稿</a>
            </p>
            <form action="">
                <input type="text" class="input" placeholder="朴智妍solo回归曲">
                <p>
                    <button class="button">
                        <svg class="icon search" aria-hidden="true">
                            <use xlink:href="#icon-fangdajing"></use>
                          </svg>
                    </button>
                </p>
            </form>
        </div>
    </header>
    <main>
        <div class="main_top clearboth">
            <div class="main_left clearboth">
                <div class="hot-topic">
                    <p>热门话题
                        <a href="#" class="more">
                            更多<svg class="icon" aria-hidden="true">
                                <use xlink:href="#icon-gengduo"></use>
                              </svg>
                        </a>
                    </p>
                    <ol class="hot-topic_img">
                        <li>2019年最舍不得删掉的照片</li>
                        <li>bilibili新星计划</li>
                        <li>我要捉虫</li>
                        <li>创造训练营</li>
                        <li>执事帮帮忙</li>
                    </ol>
                </div>
                <p>热门动态</p>
                <ul class="hot-dynamic">
                    <li>
                        <div class="clearboth hot-dynamic_top">
                            <a href="#" class="up_img">
                                <span class="up_add_bg"></span>
                            </a>
                            <p class="da_title"><a href="#">燕子堡BBQ学徒Ray</a><br>
                                <span>01-09</span>
                            </p>
                            <span class="up_add"> + 关注</span> 
                            <span class="iconfont icon-yuandian"></span>
                            <a href="#" class="report">举报</a>
                        </div>
                        <div class="dynamic_content">
                            <p class="writer">剩下的那块干熟成眼肉牛排，我想在这期点赞的小伙伴里随机抽一位送了吧。截止到下周一。牛肉在软冷冻保存，放心点赞吧，木哈哈哈哈<i class="emoji"></i><br>
                                今天是不是考试啊？祝大家考试顺利，工作顺心吧！
                            </p>
                            <ul class="clearboth dynamic_content_img">
                                <li></li>
                            </ul>
                            <p class="operate">
                                <span class="iconfont icon-zhuanfa"> 973</span>&nbsp;
                                <span class="iconfont icon-pinglun"> 3667</span>&nbsp;
                                <span class="iconfont icon-zan"> 40504</span>
                            </p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="main_right">
                <div class="main_right_top">
                    <div class="main_txt">
                        <p><b>属于你的新世界</b></p>
                        <span>赶快探索登录吧！</span>
                        <a href="../html/register.html" target="_blank" class="main_register">注册</a>
                        <a href="../html/login.html" target="_blank" class="main_login">登录</a>
                    </div>
                </div>
                <div class="main_right_bot">
                    <p>公告栏</p>
                    <img src="../images/dynamic_right_ad.jpg" alt="" width="236px">
                </div>
            </div>
        </div>
    </main>

    <script src="../js/dynamic.js"></script>
</body>
</html>